<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="./css/personal/index.css" type="text/css">
    <title>发现</title>
</head>
<body id="ancestor">
<header>
    <h4>发现</h4>

    <!--<div class="header-img dropdown">-->
        <!--<a href="html/seacher.html"><img src="./images/seacher.png" alt=""/></a>-->
        <!--<img src="./images/add.png" class="dropdown-toggle" id="dropdownMenu" data-toggle="dropdown" alt=""/>-->
        <!--<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">-->
            <!--<li role="presentation">-->
                <!--<a role="menuitem" tabindex="-1" href="#">-->
                    <!--<img src="./images/add-friend.png" alt=""/>添加朋友-->
                <!--</a>-->
            <!--</li>-->
            <!--<li role="presentation">-->
                <!--<a role="menuitem" tabindex="-1" href="#">-->
                    <!--<img src="./images/saoyisao.png" alt=""/>扫一扫-->
                <!--</a>-->
            <!--</li>-->
        <!--</ul>-->
    <!--</div>-->
</header>
<!--发现-->
<section class="tab-content">
    <div id="find" class="tab-pane fade in active">
        <ul>
            <li><a href="">
                <div id="enter-family">12345</div>
                <span>入驻家族</span></a>
            </li>
            <li><a href="">
                <div id="number-of-people">12345</div>
                <span>家族总人数</span></a>
            </li>
            <li><a href="">
                <div id="newly-increased">12345</div>
                <span>昨日新增</span></a>
            </li>
        </ul>
        <div class="cloudFamily-news">
            <img src="./images/news.png" alt=""/>
            <a href="html/find/cloudFamily-news.html">云谱头条</a>
        </div>
        <div class="family">
            <img src="./images/join-family.png" alt=""/>
            <a href="html/find/join-family.html">加入家族</a>
        </div>
    </div>
</section>
<footer class="footer">
    <ul class="nav nav-pills">
        <li>
            <a href="./index.html " class="mesager"><span class="glyphicon"></span>消息</a>
        </li>
        <li>
            <a href="./family.html" class="family"><span class="glyphicon"></span>家族</a>
        </li>
        <li class="active">
            <a href="#" class="find"><span class="glyphicon"></span>发现</a>
        </li>
        <li>
            <a href="./myself.html" class="myself"><span class="glyphicon"></span>我的</a>
        </li>
    </ul>
</footer>
</body>
<script src="./js/public/jquery-2.2.3.min.js"></script>
<script src="./js/public/bootstrap.min.js"></script>
<script src="./js/personal/index.js"></script>
<script src="./js/personal/find.js"></script>
</html>